<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>新媒体传播2</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/jquery.scroll.pack.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		$("#toTop").scrollToTop({speed:1000,ease:"easeOutBounce",start:700});
	});
</script>
</head>

<body>

<div class="topad"><a href="#"><img src="imgs/img1.jpg" /></a></div>

 
<div class="toper"> 
      <div class="login">
      	<form action="" method="get">
        	  用户名:<input name="" type="text" class="text" />                              
              密码:<input name="" type="text" class="text" /> 
              <input name="" type="button" value="登陆" class="submit" />   |  <a href="#">注册</a>  <a href="#">找回密码</a>                  
        </form>
      </div>
      <div class="logined" style="display:none">
      	刘德华  新媒体传播网欢迎您的加入！！  登录时间：2012-03-04 02:30 
      	  <input type="submit" class="submit" value="退出" />
	  </div>
      <div class="tool">
      	<a href="#" class="t1">设为首页</a>  |        
        <a href="#" class="t2">联系我们</a>  |        
        <a href="#" class="t3">设为首页</a>
      </div>
</div>

<div class="header">
	<div class="logo">
    	<a href="#"><img src="imgs/logo.jpg" /></a>
    </div>
    <div class="nav">
        <li><a href="#" class="selected">原 创</a></li>
        <li><a href="#">财 经</a></li>
        <li><a href="#">房 产</a></li>
        <li><a href="#">汽 车</a></li>
        <li><a href="#">消 费</a></li>
        <li><a href="#">环 保</a></li>
        <li><a href="#">旅 游</a></li>
        <li><a href="#">地 方</a></li>
        <li><a href="#">文 娱</a></li>
        <li><a href="#">传 媒</a></li>
        <li><a href="#">企 业</a></li>
        <li class="last"><a href="#">健 康</a></li>
        <li><a href="#" class="selected">聚 焦</a></li>
        <li><a href="#">股 市</a></li>
        <li><a href="#">家 居</a></li>
        <li><a href="#">教 育</a></li>
        <li><a href="#"> I T </a></li>
        <li><a href="#">公 益</a></li>
        <li><a href="#">综 合</a></li>
        <li><a href="#">节 会</a></li>
        <li><a href="#">收 藏</a></li>
        <li><a href="#">舆 情</a></li>
        <li><a href="#">联 盟</a></li>
        <li class="last"><a href="#">论 坛</a></li>
    </div>
</div>

<script>
$(function(){
	$.extend({
	  roll:function(){
		$('.roll .inner ul').animate({'marginTop':-25},500,function(){
			$(this).css('marginTop',0).find('li:first').appendTo(this);
		})}
	});
	setInterval("$.roll()",3000);

})
</script>
<div class="roll">
	<div class="inner">
    	<ul>
    		<li>
                <a href="#">·雨润发力教育领域</a>  |  
                <a href="#">·“雨润大学”开办在即</a>  |  
                <a href="#">·雨润近日喜报频传 </a>  |  
                <a href="#">·2012北京车展将在北京来开帷幕</a>
            </li>
            <li>
                <a href="#">·雨润发力教育领域11</a>  |  
                <a href="#">·“雨润大学”开办在即11</a>  |  
                <a href="#">·雨润近日喜报频传 </a>  |  
                <a href="#">·2012北京车展将在北京来开帷幕</a>
            </li>
        </ul>
    </div>
  
 
    <div class="search">
    	<form action="" method="get">
        	<input name="" type="text" class="text" />
            <input name="" type="button" class="submit" />
        </form>
    </div>
</div>

<div class="pagebody">
	<div class="leftpage">
    	<div class="bigtitle">
            <p class="title"><a href="#">上海铁路局春运预计发送旅客3824万人</a></p>
          <p>[<a href="#">成功举办世博实现民族百年梦想</a>]  [<a href="#">上海医改方案一季度推出</a>]  [<a href="#">为高考禁鸣</a>]   [<a href="#">2011年上海GDP增长预期8%左右</a>] </p>
      </div>
        
        
        <div class="focus">
        	<div class="lfocus">
             
                <script type="text/javascript">
					$(function(){
						// 初始化
						$('.slide .curr img').attr('src',$('.slide li.selected img').attr('src'));
						$('.slide .curr .tip').html($('.slide li.selected img').attr('alt'));
						$('.slide .curr a').attr('href',$('.slide li.selected a').attr('href'));
						
						$('.slide li').hover(function(){
							$('.slide .curr img').attr('src',$(this).find('img').attr('src'));
							$('.slide .curr .tip').html($(this).find('img').attr('alt'));
							$('.slide .curr a').attr('href',$(this).find('a').attr('href'));
							
							// 当前状态
							$(this).parent().find("li").removeClass('selected');
							$(this).addClass('selected');
						},
						function(){}) 
					})
					
					// 自动变换
					function autoChange(){
						if($('.slide li.selected').next().length > 0){
							$('.slide li.selected').removeClass('selected').next().addClass('selected');
							$('.slide .curr .tip').html($('.slide li.selected img').attr('alt'));
							$('.slide .curr img').attr('src',$('.slide li.selected img').attr('src'));
							$('.slide .curr a').attr('href',$('.slide li.selected a').attr('href'));
							
						}
						else{
							$('.slide li.selected').removeClass('selected').parent().find('li:first').addClass('selected'); 
							$('.slide .curr img').attr('src',$('.slide li.selected img').attr('src'));
							$('.slide .curr a').attr('href',$('.slide li.selected a').attr('href'));
							$('.slide .curr .tip').html($('.slide li.selected img').attr('alt'));
						}
					}
					$(document).ready(function(){
						setInterval('autoChange()',5000)
					});
				</script>
            	<div class="slide">
                	<div class="curr">
                    	<a href="#"><img src="imgs/img3.jpg" /></a>
                        <div class="tip">图片说明图片说明图片说明图片说明</div>
                    </div>
                    <ul>
                    	<li class="selected"><a href="#1"><img src="imgs/img7.gif" alt="图片说明图片说明图片说明图片说明2" /></a></li>
                    	<li><a href="#2"><img src="imgs/img7.gif" alt="图片说明图片说明图片说明图片说明3" /></a></li>
                    	<li><a href="#3"><img src="imgs/img7.gif" alt="图片说明图片说明图片说明图片说明4" /></a></li>
                    	<li><a href="#4"><img src="imgs/img7.gif" alt="图片说明图片说明图片说明图片说明5" /></a></li>
                    </ul>
                </div>
                
                <div class="artlist">
                	<div class="head">
                    	<span>原 创</span>
                        <a href="#">更多>></a>
                    </div>
                    <div class="body">
                    	<ul>
                        	<li><a href="#">全国人大常委会将开展文物保将开展文护法执法检查</a></li>
                        	<li><a href="#">全国人大常委会将开展文物保将开展文护法执法检查</a></li>
                        	<li><a href="#">全国人大常委会将开展文物保将开展文护法执法检查</a></li>
                        	<li><a href="#">全国人大常委会将开展文物保将开展文护法执法检查</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="rfocus">
            
            	<div class="inner">
                	<h2><a href="#">中宣部中组部向党员推荐第六批学习书</a></h2>
                  <div><a href="#">做好党史工作迎接党的十八大新起点上的工作从神秘到开放以史
为鉴资政育人新时期党史研究成果异彩纷呈以史鉴育人....</a></div>
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
                
                
            </div>
        </div>
    </div>
    
    <div class="rightpage">
    	<div class="mod">
        	<div class="head">
            	<span>聚 焦</span>
                <a href="#">更多>></a>
            </div>
            <div class="body" style="height:198px">
            	<div class="inner">
                	<div class="thumb">
                    	<a href="#"><img src="imgs/img10.gif" /></a>
                    </div>
                    <div class="desc">
                    	<p><a href="#">为加快实施企业走出去战略，促进武汉市与菲律宾等东盟各国的经贸合作，推进..</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                </ul>
            </div>
        </div>
        
        <div class="mod">
        	<div class="head">
            	<span>专 题</span>
                <a href="#">更多>></a>
            </div>
            <div class="body" style="height:235px;">
            	<div class="inner">
                	<a href="#"><img src="imgs/img11.gif" /></a>
                    <p class="title"><a href="#">满怀信心迎接党的十八大</a></p>
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                </ul>
            </div>
        </div>
        
    </div>
</div>

<div class="pagebody">
	<img src="imgs/img9.jpg" />
</div>

<div class="pagebody">
	<div class="leftpage">
    
    	<script type="text/javascript">
			$(function(){
				$('.mod .head span').hover(function(){
					if($(this).parent().find('span').length > 1){
						$(this).parent().parent().find('.body').hide();
						$(this).parent().parent().find('.'+$(this).attr('lang')).show();
						$(this).parent().find('span').removeClass('selected');
						$(this).addClass('selected');
					}
				},
				function(){})
			})
		</script>
    	<div class="mod">
        	<div class="head">
            	<span lang="t1" class="selected">财 经</span>
            	<span lang="t2"><a href="#">股事</a></span>
            	<a href="#">更多>></a>
            </div>
            <div class="body t1" style="height:207px;">
            	<div class="inner">
                	<div class="thumb">
                    	<img src="imgs/img12.gif" />
                    </div>
                    <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
            <div class="body t2" style="height:207px; display:none">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                    <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相2 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
        </div>
        
        <div class="mod" style="margin-left:10px;">
        	<div class="head">
            	<span lang="t1" class="selected">房 产</span>
            	<span lang="t2">家 居</span>
            	<a href="#">更多>></a>
            </div>
            <div class="body t1" style="height:207px;">
            	<div class="inner">
                	<div class="thumb">
                    	<img src="imgs/img12.gif" />
                    </div>
                     <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
            <div class="body t2" style="height:207px; display:none">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                    <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 2</strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
        </div>
        
        <div class="mod">
        	<div class="head">
            	<span lang="t1" class="selected">企 业</span>
            	<span lang="t2">传 媒</span>
            	<a href="#">更多>></a>
            </div>
            <div class="body t1" style="height:207px;">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                    <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
            <div class="body t2" style="height:207px; display:none">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                     <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相2 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查2 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
        </div>
        
        <div class="mod" style="margin-left:10px;">
        	<div class="head">
            	<span lang="t1" class="selected">消 费</span>
            	<span lang="t2">旅 游</span>
            	<a href="#">更多>></a>
            </div>
            <div class="body t1" style="height:207px;">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                   <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
            <div class="body t2" style="height:207px; display:none">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                     <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 2</strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
        </div>
        
        <div class="mod" style="margin-bottom:0">
        	<div class="head">
            	<span lang="t1" class="selected">汽 车</span>
            	<span lang="t2">环 保</span>
            	<a href="#">更多>></a>
            </div>
            <div class="body t1" style="height:207px;">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                     <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
            <div class="body t2" style="height:207px; display:none">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                    <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 2</strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
        </div>
        
        <div class="mod" style="margin-left:10px; margin-bottom:0">
        	<div class="head">
            	<span lang="t1" class="selected">教 育</span>
            	<span lang="t2">I T</span>
            	<a href="#">更多>></a>
            </div>
            <div class="body t1" style="height:207px;">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                    <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
            <div class="body t2" style="height:207px; display:none">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                     <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相2 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="rightpage">
    	<div class="mod">
        	<div class="head">
            	<span class="selected">聚 焦</span>
                <a href="#">更多>></a>
            </div>
            <div class="body" style="height:211px;">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img13.gif" />                    </div>
                    <div class="desc">
                    	<p><span style=" color:#1894c4;">[栏目推荐]</span><a href="#">为加快实施企业走出去战略，促进武汉市与菲律宾等东盟各国的经贸..</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                </ul>
            </div>
        </div>
        
        <div class="mod" style=" margin-top:10px;">
        	<div class="head">
            	<span class="selected">访 谈</span>
                <a href="#">更多>></a>
            </div>
            <div class="body" style="height:211px;">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img13.gif" />                    </div>
                    <div class="desc">
                    	<p><a href="#">为加快实施企业走出去战略，促进武汉市与菲律宾等东盟各国的经贸..</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                </ul>
            </div>
        </div>
        
        <div class="mod" style=" margin-top:10px;">
        	<div class="head">
            	<span class="selected">论 坛</span>
                <a href="#">更多>></a>
            </div>
            <div class="body" style="height:207px;">
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                    <li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div class="pagebody">
	<img src="imgs/img9.jpg" />
</div>

<div class="pagebody">
	<div class="leftpage">
    	<div class="mod">
        	<div class="head">
            	<span lang="t1" class="selected">节 会</span>
            	<span lang="t2">地 方</span>
            	<a href="#">更多>></a>
            </div>
            <div class="body t1" style="height:211px;">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                    <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
            <div class="body t2" style="height:211px; display:none">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                     <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 2</strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
        </div>
        
        <div class="mod" style="margin-left:10px;">
        	<div class="head">
            	<span lang="t1" class="selected">舆 情</span>
            	<span lang="t2">公 益</span>
            	<a href="#">更多>></a>
            </div>
            <div class="body t1" style="height:211px;">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                     <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
            <div class="body t2" style="height:211px; display:none">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                     <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相2 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
        </div>
        
        <div class="mod" style="margin-bottom:0">
        	<div class="head">
            	<span lang="t1" class="selected">文 娱</span>
            	<span lang="t2">收 藏</span>
            	<a href="#">更多>></a>
            </div>
            <div class="body t1" style="height:211px;">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                     <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
            <div class="body t2" style="height:211px; display:none">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                     <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 2</strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
        </div>
        
        <div class="mod" style="margin-left:10px; margin-bottom:0">
        	<div class="head">
            	<span lang="t1" class="selected">综 合</span>
            	<span lang="t2">媒 体</span>
            	<a href="#">更多>></a>
            </div>
            <div class="body t1" style="height:211px;">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    
                     </div>
                     <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
            <div class="body t2" style="height:211px; display:none">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img12.gif" />                    </div>
                     <div class="desc">
                    	<h2><a href="#"><strong>路虎全新卫士车将亮相2 </strong></a></h2>
                   	  <p> 外行人很难了解中国庞大的文物造假体系，从制假到售假，这条产业链在中国……<a href="#">【详细】</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 2</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法执法检查 </a></li>
                </ul>
            </div>
        </div>
        
    </div>
    <div class="rightpage">
    	
        <div class="mod">
        	<div class="head">
            	<span class="selected">会 员</span>
                <a href="#">更多>></a>
            </div>
            <div class="body" style="height:215px;">
                <ul>
                	<li><a href="#">资讯要闻区域资讯要问区域自诩要闻区域</a></li>
                	<li><a href="#">资讯要闻区域资讯要问区域自诩要闻区域</a></li>
                	<li><a href="#">资讯要闻区域资讯要问区域自诩要闻区域</a></li>
                	<li><a href="#">资讯要闻区域资讯要问区域自诩要闻区域</a></li>
                	<li><a href="#">资讯要闻区域资讯要问区域自诩要闻区域</a></li>
                	<li><a href="#">资讯要闻区域资讯要问区域自诩要闻区域</a></li>
                	<li><a href="#">资讯要闻区域资讯要问区域自诩要闻区域</a></li>
                	<li><a href="#">资讯要闻区域资讯要问区域自诩要闻区域</a></li>
                	<li><a href="#">资讯要闻区域资讯要问区域自诩要闻区域</a></li>
                </ul>
            </div>
        </div>
        
    	<div class="mod" style="margin-top:10px;">
        	<div class="head">
            	<span class="selected">联 盟</span>
                <a href="#">更多>></a>
            </div>
            <div class="body" style="height:215px;">
            	<div class="inner">
                	<div class="thumb">
                   	  <img src="imgs/img13.gif" />                    
                     </div>
                     <div class="desc">
                    	<p><a href="#">为加快实施企业走出去战略，促进武汉市与菲律宾等东盟各国的经贸..</a></p>
                    </div> 
                </div>
                <ul>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                	<li><a href="#">全国人大常委会将开展文物保护法</a></li>
                </ul>
            </div>
        </div>
        
        
    </div>
</div>

<div class="pagebody">
	<img src="imgs/img4.jpg" />
</div>

<div class="pagebody">
	<div class="pics">
        <ul>
            <li>
                <a href="#"><img src="imgs/img15.gif" /></a>
                <p><a href="#">图片说明图片说明图片说明</a></p>
            </li>
            <li>
                <a href="#"><img src="imgs/img15.gif" /></a>
                <p><a href="#">图片说明图片说明图片说明</a></p>
            </li>
            <li>
                <a href="#"><img src="imgs/img15.gif" /></a>
                <p><a href="#">图片说明图片说明图片说明</a></p>
            </li>
            <li>
                <a href="#"><img src="imgs/img15.gif" /></a>
                <p><a href="#">图片说明图片说明图片说明</a></p>
            </li>
            <li>
                <a href="#"><img src="imgs/img15.gif" /></a>
                <p><a href="#">图片说明图片说明图片说明</a></p>
            </li>
        </ul>
    </div>
</div>
<script type="text/javascript">
	
	
	 /** 版权所有: ThinkCSS
 	* 网站地址: http://code.google.com/p/thinkcss/*/
	
	$(function(){
		
		// 添加Jquery扩展的写法
		$.extend({
			autoChange:function(){
				$('.links ul').animate({'marginLeft':-100},function(){
					$(this).css('marginLeft',0).find('li:first').appendTo($(this));
				});
			}
		})
		// 函数重复调用，基于jQuery的方法一定要以上面的写法定义，否则这里不会生效
		setInterval("$.autoChange()",3000);

	})
</script>
<div class="pagebody">
	<div class="links">
    	<div class="head">联盟成员</div>
        <div class="body">
            <ul>
                <li><a href="#"><img src="imgs/img16.gif" /></a></li>
                <li><a href="#"><img src="imgs/img16.gif" /></a></li>
                <li><a href="#"><img src="imgs/img16.gif" /></a></li>
                <li><a href="#"><img src="imgs/img16.gif" /></a></li>
                <li><a href="#"><img src="imgs/img16.gif" /></a></li>
                <li><a href="#"><img src="imgs/img16.gif" /></a></li>
                <li><a href="#"><img src="imgs/img16.gif" /></a></li>
                <li><a href="#"><img src="imgs/img16.gif" /></a></li>
                <li><a href="#"><img src="imgs/img16.gif" /></a></li>
                <li><a href="#"><img src="imgs/img16.gif" /></a></li>
            </ul>
        </div>
        
    </div>
</div>

<div class="pagebody">
	<div class="flinks">
    	<div class="head">友情链接</div>
        <div class="body">
            <a href="#">中国大学生网</a>  |  
            <a href="#">中国青年网</a>  |  
            <a href="#">豆丁网</a>  |  
            <a href="#">中国专利网</a>  |  
            <a href="#">比多网络营销投资</a>  |  
            <a href="#">中国品牌互动</a>  |  
            <a href="#">爱购金融网</a>  |  
            <a href="#">搜狐焦点网</a>  |  
            <a href="#">51资金</a>  | <br/>
            <a href="#">中国大学生网</a>  |  
            <a href="#">中国青年网</a>  |  
            <a href="#">豆丁网</a>  |  
            <a href="#">中国专利网</a>  |  
            <a href="#">比多网络营销投资</a>  |  
            <a href="#">中国品牌互动</a>  |  
            <a href="#">爱购金融网</a>  |  
            <a href="#">搜狐焦点网</a>  |  
            <a href="#">51资金</a>  | 
               
        </div>
    </div>
</div>

<div class="footer">
  <div class="link">
      	
    	<select onchange="if(this.options[this.selectedIndex].value){window.open(this.options[this.selectedIndex].value)}">
    	  <option value="">---国家级各部委网站---</option>
    	  <option value="http://www.baidu.com">百度</option>
</select>
    	<select onchange="if(this.options[this.selectedIndex].value){window.open(this.options[this.selectedIndex].value)}">
          <option value="">---相关协会网站---</option>
    	  <option value="http://www.baidu.com">百度</option>
   	</select>
                
    	<select onchange="if(this.options[this.selectedIndex].value){window.open(this.options[this.selectedIndex].value)}">
  		<option value="">---地方政府网站---</option>
    	  <option value="http://www.baidu.com">百度</option>
        </select>
        
    	<select onchange="if(this.options[this.selectedIndex].value){window.open(this.options[this.selectedIndex].value)}">
   		  <option value="">---行业新闻网站---</option>
    	  <option value="http://www.baidu.com">百度</option>
        </select>
  </div>
    <div class="navs">
        <a href="#">中国产业报协会</a>  |  
        <a href="#">关于中国产业网</a>  |  
        <a href="#">中国产业网站地图</a>  |  
        <a href="#">广告服务</a>  |  
        <a href="#">合作加盟</a>  |  
        <a href="#">网站声明</a>  |  
        <a href="#">网站招聘</a>  |  
        <a href="#">联系我们</a>
    </div>
    <div class="copyright">
    		<p>地址：北京市朝阳区安立路68号阳光广场B2座2503室 邮编100101</p>
    		<p>电话：010-64893755 传真：010-64893755</p>
    		<p>Copyright@ 2008-2011 版权声明：新媒体传播网</p>
    		<p>京ICP备08102471号 <script src="http://s19.cnzz.com/stat.php?id=3214494&web_id=3214494&show=pic" language="JavaScript"></script></p>
    </div>
</div>
<div class="btop" id="toTop">
	 <a href="#">返回顶部</a> — <a href="#">找客服</a>
</div>


</body>
</html>